<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href='https://unpkg.com/boxicons@2.1.1/css/boxicons.min.css' rel='stylesheet'>
    <title>智能体选择</title>
    <link rel="stylesheet" href="../static/css/choose.css">
</head>
<body>
    <div class="container">
      <div id="backButton">
        <a href="{{ url_for('dashboard') }}">
            <button class="bx bx-log-out icon" > 返回首页 </button>
        </a>
    </div>
        <h1>智能体选择</h1>
        <div class="agent-list">
            <div class="agent-card" data-id="wenxin-yiyan" onclick="selectAgent('文心一言')">
                <img src="../static/image/wenxinyiyan.jpg" alt="文心一言">
                <h3>文心一言</h3>
            </div>
            <div class="agent-card" data-id="zhipu-qingyan" onclick="selectAgent('智谱清言')">
                <img src="../static/image/zhipuqingyan.jpg" alt="智谱清言">
                <h3>智谱清言</h3>
            </div>
            <div class="agent-card" data-id="iflytek-spark" onclick="selectAgent('讯飞星火')">
                <img src="../static/image/xunfei.jpg" alt="讯飞星火">
                <h3>讯飞星火</h3>
            </div>
            <div class="agent-card" data-id="DeepSeek" onclick="selectAgent('DeepSeek')">
                <img src="../static/image/deepseek.jpg" alt="Kimi">
                <h3>DeepSeek</h3>
            </div>
        </div>
        <div class="selected-agent" id="selectedAgent">
            <h2>已选择的智能体: <span id="selectedAgentName">DeepSeek</span></h2>
        </div>

        <!-- 确定按钮 -->
        <button class="confirm-button" onclick="confirmSelection()">确定</button>
    </div>
    <script src="../static/js/choose.js"></script>
</body>
</html>